<template>
  <div id="app">
    <transition name="fade">
      <router-view/>
    </transition>
  </div>
</template>
<script>
  export default {
    created(){
    },
    destroyed(){
      localStorage.clear();
    },
    mounted(){
      window.onbeforeunload = function(e){ 
        var remember = localStorage.getItem('remember')=='false'?false:true;    
        if(!remember){
          localStorage.clear();
        }
      }
    }
  }
</script>
<style lang="scss">
.fade-enter-active,.fade-leave-active {
  transition: all 0.5s;
}
.fade-enter,.fade-leave-to {
  opacity: 0;
}
#app {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:white;
}

</style>
